// src/components/child.vue

<template>
    <div class="child">
        <h1>这里是Child组件</h1>
        <ul>
            <li v-for="(item, index) in items" :key="index">
                <slot :item="item" name="haha"></slot>
            </li>
            <slot name="hwx"></slot>
        </ul>
    </div>
</template>

<script lang="ts">
import { defineComponent, reactive, ref, toRefs } from "vue";

export default defineComponent({
    name: 'Child',
    setup() {
        const items = reactive(['Feed a cat', 'kobe'])

        return {
            items
        }
    }
})
</script>